<%--
  Created by IntelliJ IDEA.
  User: 匆匆而过
  Date: 2022/3/8
  Time: 12:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <style type="text/css">
        html{
            height:100%;

        }
        body{
            display: flex;
            justify-content:center;
            align-items:center;
            height:100%;
            background-color: #330033;
        }
        div{
            /*border:1px solid red;*/
            width:30%;
        }
        form{
            display:flex;
            flex-direction:column;

        }

        h1{
            text-align:center;
            letter-spacing:10px;
            text-shadow: 0 0 10px;
            color: white;
        }
        input{
            height: 30px;
            margin-bottom:5px;
            border-radius:5px;
        }

        input[type=submit]{
            background-color: orange;
            letter-spacing:5px;
            box-sizing:content-box;
        }

    </style>
</head>
<body>
<div>
    <h1>登录</h1>
    <form action="${pageContext.request.contextPath}/loginServlet">
        <input type="text" placeholder="用户名" name="username" id="username">
        <input type="password" placeholder="密码" name="user_password" id="password">
        <input type="submit" value="登录" onclick="return isEmpty()">
    </form>
    <a href="">忘记密码</a>
    <a href="enroll.jsp" id=new>注册</a>
</div>
<script type="text/javascript" src="js/login.js">

</script>
</body>
</html>
